import React from 'react';
import { ConfigProvider, Layout } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';

import SubSystemHeader from '@/components/SubSystemHeader/';
import styles from './SubSystemLayout.less';

const { Content } = Layout;

function SubSystemLayout({ children }) {
  return (
    <ConfigProvider locale={zhCN}>
      <Layout className={styles.subSystemLayout}>
        <SubSystemHeader></SubSystemHeader>
        <Content className={styles.content}>
          { children }
        </Content>
      </Layout>
    </ConfigProvider>
  );
}

export default SubSystemLayout;
